<template>
  <div class="bulkOperations">
    <div class="container">
      <el-button-group class="ml-4">
        <slot name="operation"></slot>
      </el-button-group>
    </div>
  </div>
</template>

<script setup lang='ts'>
import { msg } from "@/utils/message"
const add = () => {
  msg('这是一条成功消息'); // 显示成功消息
}

</script>

<style lang='scss' scoped>
.bulkOperations {
  width: 100%;
  height: 50px;
  margin: 10px 0px;
  border-radius: 5px;
  background-color: $white;
  // <span class="ul-img-title">充值</span>


  .container {
    width: calc(100% - 20px);
    height: 100%;
    display: flex;
    align-items: center;
    // justify-content: flex-end;
    margin: 0 auto;
  }
}

// Your scoped styles here
</style>